<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        /*html, body {*/
        /*    height: 100%;*/
        /*    width: 100%;*/
        /*    padding: 0;*/
        /*    margin: 0;*/
        /*}*/

        /*body div {*/
        /*    margin: auto;*/
        /*}*/

        @media print {
            body {
                width: 240mm;
                margin: 0;
                padding: 0;
            }

            @page {
                size: B5 landscape;
                margin: 2mm;
            }
        }

        body {
            text-align: center;
            position: relative;
        }

        .title {
            font-size: 20px;
            font-weight: 700;
        }

        .gridtable {
            font-family: verdana, arial, sans-serif;
            font-size: 16px;
            color: #333333;
            border-width: 1px;
            border-color: #666666;
            border-collapse: collapse;
            width: 240mm;
        }

        .gridtable th {
            border-width: 1px;
            padding: 8px;
            border-style: solid;
            border-color: #666666;
            background-color: #dedede;
        }

        .gridtable td {
            border-width: 1px;
            padding: 8px;
            border-style: solid;
            border-color: #666666;
            background-color: #ffffff;
        }


    </style>
</head>
<body>
<p class='title'>德毓商贸管理系统纸箱入库单</p>
<div style='text-align: right;padding-right: 10%;margin-top: -2em;'>
    <span> <span id='tickerNoBox'></span></span>
</div>
<div style="margin-bottom: 5px">
    <div style='display:inline-block; text-align: left;padding-right: 20%'>
        <span>供应商：<span id='supplierNameBox'></span></span>
    </div>
    <div style='display: inline;text-align: right;padding-right: 10%;margin-bottom: 1em;'>
    <span>入库时间： <span id='timeBox'></span></span>
</div>
</div>
<table class='gridtable'>
    <thead>
    <tr>
        <td>产品名称</td>
        <td>尺寸</td>
        <td>只数</td>
        <td>单位</td>
        <td>数量</td>
        <td>单价</td>
        <td>金额</td>
        <td>备注</td>
    </tr>

    </thead>
    <tbody id='contentBox'>
    </tbody>
    <tr>
        <td>合计</td>
        <td colspan="5"><span id="sumAmountChineseBox"></span></td>
        <td> <span id='sumAmountBox'></span></td>
        <td></td>
    </tr>
</table>
<div style='display: flex;margin-top: 2em;padding: 0 2em;'>
    <span style='flex: 1;padding-left: 10%' >收货人:<span id='dispatchBox'> </span></span>
    <span style='flex: 1;padding-left: 10%' ></span>
    <span style='flex: 1'>经手人:<span id='passBox'> </span></span>
</div>
</body>
</html>
